<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <title>超市商品信息实时统计系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


  <link href="static/css/bootstrap.min.css" rel="stylesheet">

  <link href="static/css/styles.css" rel="stylesheet" type="text/css" media="screen">
  <link href="static/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen">
  <link href="static/css/responsive.css" rel="stylesheet" type="text/css" media="screen">
  <link href="static/css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
  <link href="static/css/css.css" rel="stylesheet">
  <link href="static/css/css1.css" rel="stylesheet">
  <link href="static/css/css2.css" rel="stylesheet">
  <script src="static/js/modernizr.js" type="text/javascript"></script>
</head>
<body class="amiri">

<div id="nav-wrapper">
  <!-- start main nav -->
  <nav id="main-nav">
    <ul>
      <li> <a href="index.html" >index</a></li>
      <li> <a href="shelf_info.jsp">商品在架信息</a></li>
      <li> <a href="commodity_count.jsp">商品数量</a> </li>
      <li> <a href="commodity_type.jsp">商品分类</a> </li>
      <li> <a href="item_number_info.jsp" >货品号信息</a></li>
      <li> <a href="item_number_commodity.jsp">货品号商品</a> </li>
    </ul>
  </nav>
  <!-- end main nav -->
</div>
<div id="content-overlay"></div>
<div id="wrap">
  <div id="menu-button">
    <div class="centralizer">
      <div class="cursor">
        <div id="nav-button"> <span class="nav-bar"></span> <span class="nav-bar"></span> <span class="nav-bar"></span> </div>
      </div>
    </div>
  </div>


  <div >
    <div class="full-width intro">
      <div class="full-height not-completely-full">
        <div class="fixed">
          <figure class="background-image3 parallax parallax-banner"></figure>
        </div>
        <div class="full-height-wrapper white-text">
          <div class="parent">
            <div class="bottom">
              <div class="container">
                <div class="animatedblock delay2 animatedUp">
                  <div class="col-lg-6 col-md-offset-1 col-md-7">
                    <div class="banner-textblock">
                      <p class="large">超市商品信息实时统计系统</p>
                      <h1 class="header">This system will serve you wholeheartedly</h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="overlay"></div>
        </div>
      </div>
    </div>
    <section class="white">
      <div class="container clearfix sec">
        <div class="col-md-3 col-md-offset-1 col-sm-6">
          <p class="large">Friendly Reminder：</p>
          <h4>You are now</h4>
          <h4>At</h4>
          <h4>Index.jsp</h4>
          <div class="break"></div>
        </div>
        <div class="col-md-7 col-sm-6">
          <p class="large">This system contains a total of 6 pages.</p>
          <p class="large">The page you are now located in is index.jsp, you can switch the function of the page through the navigation bar on the left, so as to enter the other 5 pages to use the 5 functions of the system </p>
          <p class="large">The other 5 pages are: product on the shelf information page, product quantity page, product classification page, product number information page, product number page </p>
          <p><a href="javascript:" title="" class="arrow">By Admin</a></p>
        </div>
      </div>
    </section>

    <section>
      <div class="container clearfix">
        <div class="col-lg-12 white-text centered extra-padding-bottom">
          <h2 class="header"><center>product exhibition</center></h2>
        </div>
      </div>
      <div class="container clearfix">
        <div class="container">
          <div class="row">
            <div class="news clearfix">
              <div class=" col-md-6 col-lg-6 "><a href="#">
                <img src="static/picture/work-single-1(1).jpg" alt="">
                <p>Nike</p>
              </a></div>
              <div class=" col-md-6 col-lg-6"><a href="#">
                <img src="static/picture/work-single-10.jpg" alt="">
                <p>Apple</p>
              </a></div>
              <div class=" col-md-6 col-lg-6"><a href="#">
                <img src="static/picture/work-single-9.jpg" alt="">
                <p>Desk</p>
              </a></div>
              <div class=" col-md-6 col-lg-6"><a href="#">
                <img src="static/picture/work-single-7.jpg" alt="">
                <p>Computer</p>
              </a></div>


            </div>
          </div>

        </div>
      </div>
      <center><div class="container clearfix">
        <div class="col-lg-12 white-text centered">
          <p><a href="javascript:;" title="" class="arrow">Show Product</a></p>
        </div>
      </div></center>

    </section>
    <section class="white">
      <div class="container clearfix no-header">
        <div class="col-md-10 col-md-offset-1 centered">

          <video width="970px" height="321px" controls="autoplay" class="client col-lg-12 video" >
            <source src="static/video/superVideo.mp4" type="video/mp4">
          </video>
          <div class="clear"></div>
          <div class="borderline"></div>
          <div class="break"></div>
        </div>
      </div>
      <div class="container clearfix">
        <div class="col-md-2 col-md-offset-1">
          <h2 class="header">周年店庆</h2>
        </div>
        <div class="col-md-5 col-sm-6">
          <p class="large">Great things happen when building long-lasting relationships. By now, you are hopefully impressed and dying to work with us.</p>
        </div>
        <div class="col-md-3 col-sm-6">
          <p class="alignright"><a href="#" title="" class="arrow">Contact Us</a></p>
        </div>
      </div>
    </section>

  </div>
  <!-- end content -->

  <footer id="footer">
    <div class="container clearfix">
      <p class="alignleft">© 2023, Group Three.</p>

    </div>
  </footer>
</div>
<!-- end wrap -->

<script src="static/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="static/js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="static/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
<script src="static/js/jquery.isotope2.min.js" type="text/javascript"></script>
<script src="static/js/jquery.ba-bbq.min.js" type="text/javascript"></script>
<script src="static/js/packery-mode.pkgd.min.js" type="text/javascript"></script>
<script src="static/js/jquery.isotope.load.js" type="text/javascript"></script>
<script src="static/js/main.js" type="text/javascript"></script>
<script src="static/js/jquery.form.js" type="text/javascript"></script>
<script src="static/js/input.fields.js" type="text/javascript"></script>
<script src="static/js/preloader.js" type="text/javascript"></script>
<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<script src="static/js/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="static/js/jquery.flexslider-min.js" type="text/javascript"></script>
</body>
</html>